<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新青年宠物销售平台</title>
    



<link href="/Xiangmushijian/pet-store/style/bootstrap.css" rel="stylesheet">
<link href="/Xiangmushijian/pet-store/style/gsdk.css" rel="stylesheet">
<link href="/Xiangmushijian/pet-store/style/demo.css" rel="stylesheet">
<link href="/Xiangmushijian/pet-store/style/cooriku.css" rel="stylesheet">
<link href="/Xiangmushijian/pet-store/style/font-awesome.css" rel="stylesheet">
<link rel="shortcut icon" href="/Xiangmushijian/pet-store/icon.ico" type="image/x-icon">

</head>
<body style="">





<div id="navbar-full">
    <div class="container">
        <nav class="navbar navbar-ct-blue navbar-fixed-top" role="navigation">

            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="">
                        <div class="logo-container">
                            <div class="logo">
                                <img src="/Xiangmushijian/pet-store/img/logo-top1.png">
                            </div>
                            <div class="brand">
                                新青年宠物店
                            </div>
                        </div>
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">搜索宠物 <b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/moredogs.action">搜索狗狗</a></li>
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/morecats.action">搜索猫咪</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button">宠物词典<b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/Havedogs.action">狗狗的饲养方法</a></li>
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/Havecats.action">猫咪的饲养方法</a></li>
                            </ul>
                        </li>

                        
                        
                        <!-- 购物卷功能
                        <li class="nav-item">
                            <button  style="color: #4e498f;" name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/quan.action'"  >点我领卷</button>
                        </li>
                        -->
                        <li class="dropdown">
                            <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"><span class="nav-link nav-link dropdown-toggle" style="color: blue;">欢迎您尊贵的 洪树军 新青年宠物店VIP贵宾，点我修改个人信息!</span><b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/userdetails1.action">修改个人资料</a></li>
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/myLove.action">我的喜爱</a></li>
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/userSubscribe.action">我的预约</a></li>
                                <li><a class="dropdown-item" style="color: blue" href="/Xiangmushijian/pet-store/quituser.action">退出登录</a></li>

                            </ul>
                        </li>
                        

                </ul></div>
                <div class="modal fade" id="logoutConfirmModal">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h1 class="modal-title fs-5">退出登录</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                您确认要退出当前已经登录的用户吗？
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                                <a href="/Xiangmushijian/pet-store/logout.action">
                                    <button type="button" class="btn btn-danger logout-btn">退出登录</button>
                                </a>

                            </div>
                        </div>
                    </div>
                </div>
                    
                </div>
        </nav>
    </div><!--  end container-->

    <div class="blurred-container">
        <div class="motto">
            <div>We</div>
            <div class="border">Love</div>
            <div>Pet</div>
        </div>

        <div class="img-src" style="background-image: url('/Xiangmushijian/pet-store/img/pet/top-cat-1.jpg')"></div>
        <div class="img-src blur" style="background-image: url(&quot;/Xiangmushijian/pet-store/img/service/top-service.jpg&quot;); opacity: 6.27451;"></div>
    </div>
</div>
<div class="main">
    <nav>
        <ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
                <a itemprop="item" href="/Xiangmushijian/pet-store/index.action">
                    <span itemprop="name">首页</span>
                </a>
                <meta itemprop="position" content="1">
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem" class="active">
                <span itemprop="name">我的预约</span>
                <meta itemprop="position" content="2">
            </li>
        </ol>
    </nav>

    <div class="coo-title">
        <h1 class="coo-hd-tittle">我的预约</h1>

    </div>
    <hr>
    <div class="container mb-2">
        <p class="coo-text-brown text-right">现在有 <strong class="coo-text-orange">6个</strong> 预约。</p>
    </div>
    <div class="container tim-container">
        <p class="coo-text-brown">预约的宠物请按时进店验收，否则将重新放回到预约平台进行售卖！！！！！</p>
        <div class="space-30"></div>

        <!-- Dogs -->
        <div class="row">
            <h1 class="coo-hd-tittle">预约的狗狗</h1>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/359-1.jpg" alt="博美犬 - No.359 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">博美犬</h5>
                            <p class="coo-text-lightbrown">【查询号码】359<br>【性别】女<br>【生日】2024-03-05<br>【价格】4000.0</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/dogsDetails.action?petdetail=359'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/362-1.jpg" alt="卷毛比熊犬 - No.362 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">卷毛比熊犬</h5>
                            <p class="coo-text-lightbrown">【查询号码】362<br>【性别】男<br>【生日】2024-04-15<br>【价格】5000.0</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/dogsDetails.action?petdetail=362'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
        </div>

        <!-- Cats -->
        <div class="row">
            <h1 class="coo-hd-tittle">预约的猫猫</h1>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/2-1.jpg" alt="504寝室王宇 - No.2 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">504寝室王宇</h5>
                            <p class="coo-text-lightbrown">【查询号码】2<br>【性别】男孩<br>【生日】2022-07-01<br>【价格】0.01</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/catsDetails.action?petdetail=2'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/1-1.jpg" alt="504寝室刘荣佳 - No.1 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">504寝室刘荣佳</h5>
                            <p class="coo-text-lightbrown">【查询号码】1<br>【性别】男孩<br>【生日】2024-07-26<br>【价格】9999999.0</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/catsDetails.action?petdetail=1'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/422-1.jpg" alt="504寝室薛佳杰 - No.4 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">504寝室薛佳杰</h5>
                            <p class="coo-text-lightbrown">【查询号码】4<br>【性别】男孩<br>【生日】2024-07-09<br>【价格】0.0</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/catsDetails.action?petdetail=4'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
                <div class="col-md-3">
                    <div class="thumbnail"><img src="/Xiangmushijian/pet-store/img/pet/detail/433-1.jpg" alt="玳瑁 - No.433 image">
                        <div class="caption">
                            <span class="label label-danger">已被您预约</span>
                            <h5 class="coo-text-green text-center">玳瑁</h5>
                            <p class="coo-text-lightbrown">【查询号码】433<br>【性别】女孩<br>【生日】2023-07-07<br>【价格】2555.0</p>
                            <button name="pet-detail" class="btn btn-coo-blue btn-tooltip" role="button" data-toggle="tooltip" data-placement="right" title="" data-original-title="Let's search" onclick="window.location.href='/Xiangmushijian/pet-store/catsDetails.action?petdetail=433'">点击详情 »</button>
                        </div>
                    </div>
                </div>
            
        </div>

    </div>


</div>




<div class="parallax-pro">
    <div class="img-src" style="background-image: url('/Xiangmushijian/pet-store/img/image-dogrun2.jpg');"></div>
    <div class="container"><div class="row"><div class="col-md-6 text-center">
        <h3><small>跳转到新青年宠物店媒体官方：</small></h3>
        <p>
            <small>
            </small></p><ul class="list-unstyled"><small>
        <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" target="_brank">Ai喵咪皇帝</a></li>
        <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
        <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
        <li><a href="https://space.bilibili.com/456611364?spm_id_from=333.1007.0.0" data-toggle="modal" data-target="#wechatModal">哔哩哔哩</a></li>
    </small></ul><small>
    </small>
        <p></p>
    </div><div class="col-md-6 text-center">
        <h3><small>软件工程项目实践课</small></h3>
        <p>
            <small>
            </small></p><ul class="list-unstyled"><small>
        <li>尊师：田广强</li>
        <li>css样式采用：bootstrap</li>
        <li>图片素材由百度图片提供</li>
        <li>已经将该项目投放gitee，欢迎wink!!!~~~</li>
    </small></ul><small>
    </small>
        <p></p>
    </div></div>
        <div class="space-30"></div><div class="row">

        </div><div class="row">
            <div class="col-md-12 text-center">
                <div class="credits">
                    洪树军和赵纬的大作业新青年宠物销售平台
                </div>
            </div>
        </div></div>
    <!--<audio autoplay loop>
       <source src="/Xiangmushijian/pet-store/mp3/song.mp3" type="audio/mpeg">
        您的浏览器不支持 HTML5 audio 标签。
    </audio>-->
</div>
<script src="/Xiangmushijian/pet-store/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="/Xiangmushijian/pet-store/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="/Xiangmushijian/pet-store/js/bootstrap.js" type="text/javascript"></script>
<script src="/Xiangmushijian/pet-store/js/gsdk-bootstrapswitch.js"></script>
<script src="/Xiangmushijian/pet-store/js/get-shit-done.js"></script>
<script src="/Xiangmushijian/pet-store/js/custom.js"></script>

</body></html>